﻿body { font-family: Arial, Sans-Serif; font-size: 13px; margin: 0px auto; padding: 0px; background: url(images/bg.gif); }

* html div, * html p { overflow: hidden; }

p, form, h1 { margin: 0px; padding: 0px; }

.height-40 { height: 40px; }

img { border: 0px; }

.clear { clear: both; }

.hide { display: none; }

.kheight { height: 5px; }

.date { padding-left: 260px; float: right; }

.dateMore { color: #a9a9a9; }

.dateMore { color: #a9a9a9; width: 180px; }

.head { padding-top: 5px; }

#kZoom { background-color: rgba(170, 170, 170, 0.3); bottom: 0; left: 0; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 9999; }

    #kZoom .boxpanel-view { width: 900px; box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4); padding: 10px; top: 110px !important; margin: 0px auto; position: static; height: 1000px; background: #fff; }

    #kZoom .k-dialog { background-color: #C8C6C7; box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4); padding: 0; -moz-box-sizing: content-box; overflow: hidden; margin: 0 auto; position: relative; padding-bottom: 30px; border: 5px solid #878787; margin-bottom: 20px; }

    #kZoom .k-dialog-title { background-color: #F3F3F3; border-bottom: 1px solid #DDDDDD; height: 18px; padding: 5px; text-align: center; font-weight: bold; }

    #kZoom .k-dialog-body { padding: 6px; font-size: 20px; font-family: 'Times New Roman'; font-style: italic; line-height: 35px; padding: 10px; text-align: center; background-color: #C8C6C7; }

    #kZoom .k-dialog-footer { background: #C8C6C7; height: 25px; width: 100%; position: absolute; bottom: 0px; left: 0px; padding: 3px; text-align: center; }

    #kZoom .k-dialog .x-close { position: absolute; right: 5px; top: 5px; }

.kiframe { border: 0 none; display: block; height: 100%; width: 100%; }
.fixed { position: fixed !important; }

.noscroll { overflow: hidden !important; }

.close { background: url(images/close.png); width: 13px; height: 13px; display: block; }

.padding60 { padding: 60px 0px; }

.orderHeadSave { background: url(Images/orderOnline.gif) no-repeat center center; width: 410px; height: 165px; }

.changePass { padding-right: 100px; width: 340px; }

/*=== Tags ===*/
.tagsKey { color: #404040; padding: 0px 2px; line-height: 20px; }

    .tagsKey a { text-decoration: none; }


/*===== Đăng ký =====*/
.registerForm { background: url('Images/bg_phieu-dang-ky.jpg') no-repeat center center; width: 715px; height: 1632px; }

.getGift { width: 715px; height: auto; float: right; background: #FFFFFF; }

.giftHead { height: 150px; padding-top: 25px; text-align: center; color: #ff7201; }

    .giftHead p { color: Black; font-style: italic; }

.guestIfomation { line-height: 20px; padding: 200px 0 0 45px; }

.input { border: 1px solid black; width: 200px; margin-left: 70px; }

.timeChoose { padding: 20px 0 0 45px; }

.placeReciveGift { padding: 20px 0 0 45px; line-height: 30px; }

.registerTable { padding: 5px 0px 0px 80px; }

.diamionChoose { padding: 20px 0px 0px 45px; }

.list { background: url('Images/crowNew.gif') no-repeat left 30px; line-height: 30px; text-indent: 25px; padding: 25px 0 0; }

.buttonRe { padding: 20px 0px 0px 45px; }

.reg { height: 506px; border: thin solid #d4d4d4; }

.reg-head { border-bottom: thin solid #D4D4D4; height: 50px; line-height: 50px; text-indent: 20px; }

.reg-content { height: 405px; border-bottom: thin solid #d4d4d4; }

.reg-ul { font-size: 100%; list-style-type: none; margin: 0; padding: 50px 0 0 80px; width: 80%; }

.reg-div { width: 500px; }

.k-panel-mc { width: 510px; float: left; }

.reg-note { width: 370px; float: left; padding: 0px 0px 0px 10px; }

/*===== Page =====*/
#portal { width: 940px; margin: 0 auto; text-align: right; color: #fff; padding: 10px 50px 0 0; }

    #portal a { color: #858585; text-decoration: none; }

        #portal a:hover { color: #fff; text-decoration: underline; }

    #portal img { float: right; padding-left: 10px; }

#kpage { width: 940px; margin: 0 auto; position: relative; }

#ktop { padding-top: 15px; width: 940px; margin: 0 auto; }

    #ktop a { outline: medium none; }

    #ktop .logo { width: 460px; float: left; }

    #ktop .banner { width: 480px; float: left; text-align: center; }

    #ktop .logo h1 { }

    #ktop .brand-banner { float: left; padding-bottom: 10px; text-align: center; width: 940px; }

#kmenu { background: url(images/menu-bg.gif) repeat-x; height: 51px; overflow: hidden; }

    #kmenu .menu { width: 940px; margin: 0 auto; background: url(images/menu-li-bg.gif) repeat-x; height: 37px; overflow: hidden; }

    #kmenu ul { list-style: none; padding: 0px; margin: 0px; overflow: hidden; }

    #kmenu li { padding: 0px; float: left; overflow: hidden; }

        #kmenu li.hot { background: url(images/menu-bg-hot_en.gif); margin-top: 2px; }
    /*#kmenu li.hot {margin-top: -6px; }*/
    #kmenu .menu1-line { background: url(images/menu-li-break.gif) no-repeat scroll 0 0 transparent; display: block; float: left; height: 51px; padding: 0; width: 2px; }

    #kmenu li a { color: #858585; text-decoration: none; padding: 0px 10px 0 0; display: block; float: left; padding: 8px 6px 9px; overflow: hidden; }

    #kmenu li.hot a { color: #fff; font-size: 12px; padding: 8px 10px 9px; }

    #kmenu li a:hover { color: #ffffff; }

#ksearch { height: 40px; overflow: hidden; color: #707070; }
/* #ksearch { height: 40px; overflow: hidden; color: #707070; }*/
#kcontent { background: #fff; }

    #kcontent.default { background: none; }

.ddsubmenustyle, .menu1 .ddsubmenustyle ul { border-bottom-width: 0; font-family: Tahoma; font-size: 10pt; left: 0px; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; visibility: hidden; z-index: 100; }

    .ddsubmenustyle li span { }

    .ddsubmenustyle li a { background: none repeat scroll 0 0 #F2F2F2; color: #000000; display: block; padding: 4px 5px; text-decoration: none; width: 250px; }

    * html .ddsubmenustyle li { display: inline-block; width: 200px; }

        .ddsubmenustyle li a:hover, .menu1 .ddsubmenustyle li.selected a { color: #ff0000; }

.rightarrowpointer { border: 0 none; left: 210px; padding-top: 3px; position: absolute; }

.ddiframeshim { background: none repeat scroll 0 0 transparent; border-width: 0; display: block; height: 0; margin: 0; padding: 0; position: absolute; width: 0; z-index: 500; }

/*Menu*/
.menu1 { font-size: 14px; width: 100%; line-height: 30px; height: 50px; color: #858585; background-color: #000000; overflow: hidden; }

    .menu1 ul { list-style-type: none; margin: 0px; padding: 0px; }

    .menu1 li { margin: 0px; display: inline; }

    .menu1 a { color: #fff; padding: 8px 17px; float: left; display: block; font-weight: bold; text-decoration: none; overflow: hidden; }

        .menu1 a:hover, .menu1 li.selected a, .menu1 li a.selected { }

.menu1-top { background: url(images/menu1-top.gif); height: 1px; }

.ddsubmenustyle, .ddsubmenustyle ul { margin: 0; padding-left: 20px; position: absolute; left: 125px; top: 0; list-style-type: none; border-bottom-width: 0; visibility: hidden; z-index: 100; font-family: Times New Roman; font-size: 12px; }

    .ddsubmenustyle li span { }

    .ddsubmenustyle li a { width: 110px; display: block; color: #ffffff; background: #000000; text-decoration: none; padding: 4px 5px; line-height: 20px; font-size: 12px; outline: medium none; }

    * html .ddsubmenustyle li { display: inline-block; width: 200px; }

        .ddsubmenustyle li a:hover, .menu1 .ddsubmenustyle li.selected a { color: #f87e03; }

.rightarrowpointer { left: 210px; position: absolute; padding-top: 3px; border: 0; }

.ddiframeshim { position: absolute; z-index: 500; background: transparent; border-width: 0; display: block; margin: 0px; padding: 0px; width: 0px; height: 0px; }

.mattblackmenu ul { margin: 0; padding: 0; font: bold 12px Times New Roman; list-style-type: none; border-bottom: 1px solid gray; background: #414141; overflow: hidden; width: 100%; }

.mattblackmenu li { display: inline; margin: 0; }

    .mattblackmenu li a { float: left; display: block; text-decoration: none; margin: 0; padding: 6px 8px; /*padding inside each tab*/ border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #414141; }

        .mattblackmenu li a:visited { color: white; }

        .mattblackmenu li a:hover { background: black; /*background of tabs for hover state */ }

.mattblackmenu a.selected { background: black; /*background of tab with "selected" class assigned to its LI */ }
/*----------End Menu*/

/*Search*/
.search-bg { float: left; background: url(images/search-input-bg.gif) no-repeat; width: 115px; height: 18px; overflow: hidden; padding: 3px 4px; }

.search-text { width: 68px; float: left; padding: 3px 0px; font-weight: bold; color: white; }

.inputsearch input { border: 1px solid black; width: 200px; }

.butseach { width: 100px; float: left; }

.hotline { float: right; width: 168px; height: 42px; margin-top: -10px; }

.hotlineDiamond { float: right; width: 168px; height: 42px; margin-top: -36px; }

.search-bg input { border: 0px; background: none; color: #999999; font-size: 13px; padding: 3px; width: 110px; }

#kfooter { background: url(images/footer-bg.gif) repeat-x; padding: 10px 0 0 0px; font-size: 10px; color: #fff; text-align: center; }

    #kfooter a { color: #fff; text-decoration: none; }

/*Search*/
/*--.search-bg { background: url(images/search-input-bg.gif) no-repeat; width: 115px; height: 18px; overflow: hidden; padding: 0 4px; }--*/
.search-bg { background: url(images/search_New.gif) no-repeat; width: 137px; height: 22px; overflow: hidden; padding: 0 4px; }

.input-search { border: 0px; background: none; color: #999999; font-size: 13px; }

.but-search { background: url(/Skin/Images/order.gif) no-repeat; width: 111px; height: 25px; overflow: hidden; border: 0px; }

.find { width: 430px; padding-left: 0px; float: left; }

.category { width: 143px; float: left; }

.fromPrice { width: 100px; float: left; }

.toPrice { width: 100px; float: left; }

.brand { width: 110px; float: left; }

.searchDiamond { width: 110px; padding-left: 10px; float: left; }

.categoryDiamond { width: 140px; float: left; }

.diameter { width: 100px; float: left; }

.fromPriceDiamond { width: 100px; float: left; }

.butseachDiamond { }

/* Image */

.nohidden { }

.hidden { display: none; }

.productShow { float: left; text-align: center; width: 180px; }

/*Slide Show Product*/
.viewType ul { overflow: hidden; }

.viewType li { display: inline; list-style: none; }

.viewType { height: 30px; background-color: #f2f2f2; margin-top: -13px; padding: 0px 5px 0 0; text-align: right; }

    .viewType li a { text-decoration: none; }

        .viewType li a:hover { text-decoration: none; }

.heardMenu ul { height: 40px; background: #FFFFFF; padding: 20px 0px 2px 0px; border-bottom: 1px solid Black; overflow: hidden; }

    .heardMenu ul li { padding-left: 15px; list-style: none; display: inline; }

        .heardMenu ul li a { text-decoration: none; color: #999999; padding: 0px 10px 20px 0; overflow: hidden; }
            /*.heardMenu li a:active { text-decoration: none; color: Black; padding: 0px 10px 20px 0; overflow: hidden; }*/
            .heardMenu ul li a:hover, .heardMenu li.selected a { background-position: center bottom; text-decoration: none; color: Black; padding: 0px 10px 20px 0; overflow: hidden; background-image: url('Images/buletDown.gif'); background-repeat: no-repeat; }

.footMenu { border-top: 1px solid black; height: 120px; overflow: hidden; position: relative; }

.lineButton { border-bottom: 1px solid #858585; float: left; padding-top: 10px; width: 940px; }
/*.slideProductZela { padding-top: 100px; }
.slideProductZela { height: 230px; overflow: hidden; position: relative; }*/

.slideProductDiamond { }

.slideProductDiamond { overflow: hidden; position: relative; background-color: #000000; color: #BFBFBF; padding: 10px 0px 15px 0px; }

.slideProductZela { overflow: hidden; position: relative; padding: 25px 0px 0px 0px; width: 100%; float: left; color: #858585; background-color: #000000; }

.slideProductZelaDetail { padding: 20px 0px 20px 0px; height: 380px; overflow: hidden; position: relative; }

.kContent-Center { width: 940px; overflow: hidden; margin: 0 auto; }

.footMenu-Center { width: 940px; overflow: hidden; margin: 0 auto; }

.tags1 { border-top: thin solid #E2E2E2; float: left; margin-bottom: 5px; background-color: #f1f1f1; }

.tags { border-top: thin solid #E2E2E2; float: left; margin-bottom: 5px; background-color: #f1f1f1; }

.kcenter { }

    .kcenter a { text-decoration: none; color: #505050; }

        .kcenter a:hover { text-decoration: none; }

.kContent-Center { width: 940px; overflow: hidden; margin: 0 auto; background-color: #000000; color: #bfbfbf; padding: 10px 0px 25px 0px; }

.footMenu-Center { width: 940px; overflow: hidden; margin: 0 auto; background-color: #000000; color: #bfbfbf; }

.tableDetail { height: 300px; margin: 0px auto; }

.td { line-height: 16px; color: #A6A6A6; width: 200px; }

.td-name { line-height: 5px; height: 5px; width: 400px; }

.td-title { width: 75px; }

.more { height: 10px; margin-top: 300px; padding-bottom: 10px; width: 260px; }

.tableDetail table tr td { padding: 5px 0px; }

#slider { position: relative; background-color: #000000; }

    #slider ul, #slider li { margin: 0; padding: 0; list-style: none; }
        /*#slider li img { float: left; padding-left: 20px; }*/
        #slider li img { float: left; padding-bottom: 20px; padding-left: 70px; }

    #slider li { width: 940px; height: 315px; overflow: hidden; margin-top: 0px; }

        #slider li a { position: relative; }

            #slider li a span { }

/*--- Kim cuong roi --- */
#slider-diamond { }

    #slider-diamond ul, #slider-diamond li { margin: 0; padding: 0; list-style: none; }

        #slider-diamond li img { }

    #slider-diamond li { width: 940px; overflow: hidden; margin-top: 0px; }

        #slider-diamond li a { position: relative; }

            #slider-diamond li a p { }

.image_Dia { width: 180px; height: 170px; float: left; text-align: center; padding-left: 50px; }

.footMenu-Dia { height: 150px; overflow: hidden; position: relative; }

.footMenu-Center-Dia { width: 940px; overflow: hidden; margin: 0 auto; }

#sliderFooterDia { }

    #sliderFooterDia ul, #sliderFooterDia li { margin: 0; padding: 0; list-style: none; }

        #sliderFooterDia li img { float: left; padding: 5px 0px 0px 20px; }

    #sliderFooterDia li { width: 940px; height: 150px; overflow: hidden; margin-top: 5px; }

        #sliderFooterDia li a { position: relative; }

            #sliderFooterDia li a p { }

.image-Dia-Detail { width: 155px; height: 150px; float: left; text-align: center; }

#sliderFooter { }

    #sliderFooter ul, #sliderFooter li { margin: 0; padding: 0; list-style: none; }

        #sliderFooter li img { float: left; padding: 40px 0px 0px 45px; }

    #sliderFooter li { width: 940px; height: 120px; overflow: hidden; margin-top: -15px; }

#prevBtn1, #nextBtn1 { display: block; width: 37px; height: 173px; position: absolute; left: 0px; top: 0px; }

#prevBtn1 { text-indent: -80000px; }

#nextBtn1 { text-indent: 80000px; }

#nextBtn1 { left: 903px; }

#prevBtn1 a { display: block; width: 37px; height: 173px; background: url(images/prebut.gif) no-repeat 0 0; }

#nextBtn1 a { display: block; width: 37px; height: 173px; background: url(images/nextbut.gif) no-repeat 0 0; }

#prevBtn1 a { background: url(images/prebut.gif) no-repeat 0 0; }

#nextBtn1 a { background: url(images/nextbut.gif) no-repeat 0 0; }

#prevBtn1 a, #prevBtn1 a:hover, #prevBtn1 a:active, #prevBtn1 a:focus { outline: medium none; margin-top: 130px; }

#nextBtn1 a, #nextBtn1 a:hover, #nextBtn1 a:active, #nextBtn1 a:focus { outline: medium none; margin-top: 130px; }


#prevBtn2, #nextBtn2 { display: block; width: 37px; height: 173px; position: absolute; left: 0px; top: 0px; }

#prevBtn2 { text-indent: -80000px; }

#nextBtn2 { text-indent: 80000px; }

#nextBtn2 { left: 903px; }

#prevBtn2 a { display: block; width: 37px; height: 173px; background: url(images/prebut.gif) no-repeat 0 0; }

#nextBtn2 a { display: block; width: 37px; height: 173px; background: url(images/nextbut.gif) no-repeat 0 0; }

#prevBtn2 a { background: url(images/prebut.gif) no-repeat 0 0; }

#nextBtn2 a { background: url(images/nextbut.gif) no-repeat 0 0; }

#prevBtn2 a, #prevBtn2 a:hover, #prevBtn2 a:active, #prevBtn2 a:focus { outline: medium none; margin-top: 60px; }

#nextBtn2 a, #nextBtn2 a:hover, #nextBtn2 a:active, #nextBtn2 a:focus { outline: medium none; margin-top: 60px; }

#slider1prev, #slider1next { display: block; width: 30px; height: 77px; position: absolute; top: 0px; left: 0px; }

#slider1prev { text-indent: -80000px; }

#slider1next { text-indent: 80000px; }

#slider1next { left: 920px; }

#slider1prev a { display: block; width: 19px; height: 80px; background: url(images/prebnt.gif) no-repeat 0 0; }

#slider1next a { display: block; width: 18px; height: 80px; background: url(images/nextbnt.gif) no-repeat 0 0; }

#slider1prev a { background-position: left center; background: url(images/prebnt.gif) no-repeat; }

#slider1next a { background: url(images/nextbnt.gif) no-repeat 0 0; }

#slider1prev a, #slider1prev a:hover, #slider1prev a:active, #slider1prev a:focus { outline: medium none; margin-top: 20px; }

#slider1next a, #slider1next a:hover, #slider1next a:active, #slider1next a:focus { outline: medium none; margin-top: 20px; }

#sliderprevdia, #slidernextdia { display: block; width: 30px; height: 77px; position: absolute; top: 0px; left: 0px; }

#sliderprevdia { text-indent: -80000px; }

#slidernextdia { text-indent: 80000px; }

#slidernextdia { left: 920px; }

#sliderprevdia a { display: block; width: 19px; height: 80px; background: url(images/prebnt.gif) no-repeat 0 0; }

#slidernextdia a { display: block; width: 18px; height: 80px; background: url(images/nextbnt.gif) no-repeat 0 0; }

#sliderprevdia a { background-position: left center; background: url(images/prebnt.gif) no-repeat; }

#slidernextdia a { background: url(images/nextbnt.gif) no-repeat 0 0; }

#sliderprevdia a, #sliderprevdia a:hover, #sliderprevdia a:active, #sliderprevdia a:focus { outline: medium none; margin-top: 30px; }

#slidernextdia a, #slidernextdia a:hover, #slidernextdia a:active, #slidernextdia a:focus { outline: medium none; margin-top: 30px; }

.lineBorder { background-color: #000000; border-top: 1px solid #858585; padding-bottom: 10px; }

/*News*/
.title { font-size: 18px; color: #000000; font-weight: bold; }

.title-new { font-size: 16px; color: #000000; font-weight: bold; }

.title a { text-decoration: none; color: #000000; }

    .title a:hover { text-decoration: underline; color: #C00; }

.title-sub { text-indent: 10px; font-size: 14px; line-height: 16px; color: #000000; }

    .title-sub a { text-decoration: none; color: #000000; }

        .title-sub a:hover { text-decoration: underline; color: #C00; }

.dateMore { background-image: url('Images/calendar.gif'); background-repeat: no-repeat; background-position: left center; text-indent: 20px; padding: 5px; }

.dateMoreDetail { background-image: url('Images/calendar.gif'); background-repeat: no-repeat; background-position: 10px center; text-indent: 30px; float: left; width: 150px; }

.news-home { width: 940px; height: 710px; background: #fff; }

.news-home-top { height: 280px; }

.newChannelTags { margin-top: 0px; }

.newChannel { margin-top: 175px; }

.top-left-more { width: 630px; float: left; height: 190px; background-image: url('Images/left1.gif'); background-repeat: repeat-x; }

.top-left { width: 605px; float: left; height: inherit; background-image: url('Images/left.gif'); background-repeat: repeat-x; }
/*.top-left { width: 605px; border-right: thin dotted black; float: left; height: inherit; background-image: url('Images/left.gif'); background-repeat: repeat-x; }*/
.top-right { width: 330px; float: left; height: inherit; background-image: url('Images/right.gif'); background-repeat: repeat-x; }

.top-right-box { color: #292929; font-size: 12pt; font-weight: bold; padding: 10px 8px 0px 10px; text-align: left; }

.box-title { background-position: left center; border-bottom: solid thin #cfcfcf; background-repeat: no-repeat; height: 24px; }

.list-news { line-height: 15px; overflow: hidden; padding: 2px 0; }
    /*.list-news { border-bottom: 1px dotted #A3B3C0; line-height: 15px; overflow: hidden; padding: 2px 0; text-align: justify; */
    .list-news a { text-decoration: none; color: #292929; }

        .list-news a:hover { text-decoration: underline; color: #C00; }

.box-title-footer { background: url('Images/crow.gif') no-repeat 100px center; border-bottom: solid thin #cfcfcf; height: 40px; margin: 0 10px 0 10px; padding: 15px 0 0 15px; font-size: 18px; }

.news-home-footer { height: 410px; background-image: url('Images/footerBg.gif'); background-repeat: repeat-x; color: #292929; padding: 0px 0px 0px 15px; }

.footer-left { width: 295px; border: solid thin #cfcfcf; float: left; height: 320px; }

.footer-mid { width: 295px; border: solid thin #cfcfcf; float: left; height: 320px; }

.footer-right { width: 295px; border: solid thin #cfcfcf; float: right; height: 320px; }

.width { width: 10px; }

.height { height: 10px; }

.footer { float: left; height: 320px; width: 285px; border: solid thin #cfcfcf; margin-top: 15px; }

.width-20 { float: left; height: 295px; width: 20px; }

.other-news { list-style: none outside none; padding: 8px 0px 0px 0px; margin: 0px; float: left; }

    .other-news ul { text-align: justify; float: left; width: 240px; }

    .other-news li { background: url('Images/dot.gif') no-repeat scroll 0 8px transparent; padding: 0 0 0 10px; }

    .other-news ul li a { text-decoration: none; color: #014983; }

    .other-news a:hover { text-decoration: underline; }
/*===== New Detail =====*/
.box-news-left { width: 630px; float: left; padding-left: 10px; }

.box-news-right { width: 260px; float: left; }

.box-news-header { border-bottom: thin solid #C9C9C9; color: #35658E; height: 36px; padding: 10px 0 0 10px; line-height: 40px; margin-left: 3px; }

    .box-news-header h1 { font-size: 12pt; font-weight: bold; font-family: Tahoma; }

    .box-news-header a { text-decoration: none; color: #35658E; }

.box-email { height: 36px; position: relative; padding-left: 180px; }

.emailn { width: 85px; height: 35px; float: right; background: url('Images/email.gif') no-repeat center center; position: relative; }

.print { width: 85px; height: 35px; float: right; background: url('Images/print.gif') no-repeat center center; position: relative; }

.kTitle { padding: 10px 0px 5px 10px; }

.kHead { padding: 0px 0px 5px 10px; color: #808080; font-size: 12px; font-weight: bold; line-height: 18px; text-align: justify; }

.content-news { padding: 5px 0 0 10px; }
/*===== Box Title ===== */
.box-news-modules { padding: 10px 0 0 0; float: left; overflow: hidden; width:308px; }

.box-news-channel { height: 500px; padding: 40px 15px 0; width: 300px; }
#box-news-channel.fixed { position: fixed; top: 10px; height: 500px; padding: 0px 15px 0px; width: 300px; }
.box-top { width: 290px; }

.box-left-top { background-image: url('Images/box-left-top.gif'); background-repeat: no-repeat; width: 17px; height: 9px; float: left; }

.box-mid-top { background-image: url('Images/box-mid-top.gif'); background-repeat: repeat-x; width: 240px; height: 9px; float: left; }

.box-right-top { background-image: url('Images/box-right-top.gif'); background-repeat: no-repeat; float: left; width: 17px; height: 9px; }

.box-mid { height: 30px; }

.box-mid-left { background-image: url('Images/box-mid-left.gif'); background-repeat: repeat-y; float: left; width: 17px; height: 30px; }

.box-mid-mid { height: 30px; width: 240px; float: left; line-height: 35px; font-size: 17px; font-weight: bold; text-align: left; text-indent: 15px; }

.box-mid-right { background-image: url('Images/box-mid-right.gif'); background-repeat: repeat-y; float: left; width: 17px; height: 30px; }

.box-buttom { width: 290px; }

.box-left-buttom { background-image: url('Images/box-left-buttom.gif'); background-repeat: no-repeat; width: 17px; height: 10px; float: left; }

.box-mid-buttom { background-image: url('Images/box-mid-buttom.gif'); background-repeat: repeat-x; width: 240px; height: 10px; float: left; }

.box-right-buttom { background-image: url('Images/box-right-buttom.gif'); background-repeat: no-repeat; width: 17px; height: 10px; float: left; }

/*===== News news =====*/
.box-news-top { width: 290px; }

.box-news-left1 { background-image: url('Images/box-top-left.gif'); background-repeat: no-repeat; float: left; height: 56px; width: 18px; }

.box-news-mid1 { background-image: url('Images/box-top-mid.gif'); background-repeat: repeat-x; float: left; height: 56px; width: 252px; line-height: 60px; font-size: 17px; font-weight: bold; text-align: left; }

.box-news-right1 { background-image: url('Images/box-top-right.gif'); background-repeat: no-repeat; float: left; height: 56px; width: 20px; }

.crow { background-image: url('Images/crow.gif'); background-repeat: no-repeat; background-position: 100px 9px; }

.crow-fashion { height: 30px; padding-top: 10px; width: 117px; }
/*.crow-fashion { background-image: url('Images/fashion.gif'); background-repeat: no-repeat; background-position: left center; height: 30px; padding-top: 30px; width: 117px; }*/
.crow-socical { height: 30px; padding-top: 10px; width: 117px; }
/*.crow-socical { background-image: url('Images/socical.gif'); background-repeat: no-repeat; background-position: left center; height: 30px; padding-top: 30px; width: 117px; }*/
.crow-sport { height: 30px; padding-top: 10px; width: 117px; }
/*.crow-sport { background-image: url('Images/sport.gif'); background-repeat: no-repeat; background-position: left center; height: 30px; padding-top: 30px; width: 117px; }*/
.crow-tieudiem { background-repeat: no-repeat; background-position: left center; height: 30px; padding-top: 15px; width: 117px; }

.box-content-mid a { text-decoration: none; }

.ul { list-style: none; margin: 0px; padding: 5px 0px 0px 0px; width: 238px; height: 75px; float: left; border-bottom: thin dotted #969696; vertical-align: middle; }

.ul-moreTags { list-style: none; padding: 0px 5px 0px 5px; text-align: justify; }

    .ul-moreTags li { border-bottom: 1px dotted #A3B3C0; line-height: 20px; padding: 10px 0; text-align: justify; }

    .ul-moreTags h2 a { font-size: 10pt; }

.ul-more { list-style: none; padding: 15px 0 5px 10px; text-align: justify; }

    .ul-more li { border-bottom: 1px dotted #A3B3C0; line-height: 20px; padding: 10px 0; text-align: justify; }
        .ul-more li:last-child { border: none; }

.img { width: 60px; height: 60px; float: left; padding-top: 5px; border: 1px thin gray; }

.imgMore { float: left; padding: 5px 0px 0px 0px; }

.imgMoreImg { width: 60px; height: 60px; }
.imgMoreImg-frame { width: 60px; height: 60px; position: absolute; margin-top: 5px; z-index: 1; background: url("Images/pic_over_60x60.png") no-repeat; }

.sub-title { width: 165px; float: left; padding-left: 10px; vertical-align: middle; }

.sub-title-more { width: 490px; float: left; padding: 10px 0 0 110px; vertical-align: middle; }

.sub-news-more { width: 490px; float: left; padding: 70px 0 0 120px; vertical-align: middle; }

.ul-home { list-style: none; margin: 0px; padding: 0px; width: 238px; float: left; }

.img-home { width: 100px; height: 80px; float: left; }
.img-home-frame { width: 100px; height: 80px; background: url("Images/pic_over_100x80.png") no-repeat; position: absolute; z-index: 1; }

/*.img-main { width: 278px; height: 240px; background: url("Images/frame.png"); border: 1px solid #969696; float: left; z-index: 1; }*/
.img-main { width: 278px; height: 240px; float: left; }
.img-frame { width: 278px; height: 240px; background: url("Images/frame.png") no-repeat; position: absolute; z-index: 1; }

/*.img-tieudiem { width: 50px; height: 50px; float: right; border: thin solid #969696; }*/
.img-tieudiem { width: 50px; height: 50px; float: right; }
.img-tieudiem-frame { background-position: center center; width: 50px; height: 50px; background: url("Images/pic_over_50x50.png") no-repeat; z-index: 1; position: absolute; }

.img-detail { width: 200px; height: 160px; float: left; }
.img-detail-frame { width: 200px; height: 160px; float: left; position: absolute; background: url("Images/pic_over_200x160.png") no-repeat; z-index: 1; }

.title-sub-new { width: 130px; float: left; padding-left: 5px; }

.box-news-content { width: 300px; position: relative; height: 320px; overflow: hidden; }

.box-left-mid { background-image: url('Images/box-left-mid.gif'); background-repeat: repeat-y; float: left; width: 18px; height: 320px; position: relative; }

.box-content-mid { width: 255px; height: auto; position: relative; float: left; }

.box-right-mid { background-image: url('Images/box-mid-right.gif'); background-repeat: repeat-y; float: left; width: 20px; height: 320px; position: relative; }

.box-news-buttom { width: 290px; }

.box-left-buttom { background-image: url('Images/box-buttom-left.gif'); background-repeat: no-repeat; width: 18px; height: 17px; float: left; position: relative; }

.box-mid-buttom { background-image: url('Images/box-buttom-mid.gif'); background-repeat: repeat-x; width: 252px; height: 17px; float: left; position: relative; }

.box-right-buttom { background-image: url('Images/box-buttom-right.gif'); background-repeat: no-repeat; width: 20px; height: 17px; float: left; position: relative; }

.box-news-other { padding-bottom: 25px; }
    /*.box-news-other h5 { background: none repeat scroll 0 0 #D9D9D9; color: #005CA1; font-size: 10pt; margin: 0; padding: 5px 10px 5px 10px; }*/
    /*.box-news-other h5 { border-bottom: 1px solid #EEEEEE; color: #646665; font-size: 10pt; margin: 0; padding: 5px 10px 5px 10px; }*/

    .box-news-other ul { list-style: none; margin: 0px; padding: 0px 0px 0px 5px; font-size: 12px; }
    .box-news-other li { background: url('Images/icon.gif') no-repeat 1px 15px; padding: 8px 0 0 10px; text-align: justify; }
        .box-news-other li a { text-decoration: none; color: #004370; }
        .box-news-other li i { color: #999999; }
        .box-news-other li a:hover { text-decoration: underline; }
.box-title-other h5 { border-bottom: 1px solid #EEEEEE; color: #646665; font-size: 10pt; margin: 0; padding: 5px 10px 5px 10px; }
.box-other-hot { height: 200px; }
    .box-other-hot ul { list-style: none; float: left; padding-left: 0px; width: 640px; }
.sub-title-hot { float: left; width: 115px; height: 80px; padding: 5px 0px 5px 5px; }
    .sub-title-hot a { color: #004370; }
    .sub-title-hot i { color: #999999; }
.image-hot { float: left; height: 80px; padding: 5px 3px 5px 0px; }
.imgMoreImg-hot { width: 80px; height: 60px; }
.image-cover_8060 { width: 80px; height: 60px; position: absolute; margin-top: -63px; z-index: 1; background: url("Images/pic_over_80x60.png") no-repeat; }

/*---- New home ----*/
.box-news-top-detail { width: 290px; }

.box-news-left-detail { background-image: url('Images/box-top-left.gif'); background-repeat: no-repeat; float: left; height: 56px; width: 18px; }

.box-news-mid-detail { background-image: url('Images/box-top-mid.gif'); background-repeat: repeat-x; float: left; height: 56px; width: 240px; line-height: 60px; font-size: 17px; font-weight: bold; text-align: left; }

.box-news-right-detail { background-image: url('Images/box-top-right.gif'); background-repeat: no-repeat; float: left; height: 56px; width: 20px; }

.box-news-content-detail { width: 290px; position: relative; }


.box-left-mid-detail { background-image: url('Images/box-left-mid.gif'); background-repeat: repeat-y; float: left; width: 18px; height: 410px; position: relative; }

.box-content-mid-detail { width: 238px; height: auto; padding: 0 0 0 5px; position: relative; float: left; }

    .box-content-mid-detail ul:last-child { border: medium none; }

.box-right-mid-detail { background-image: url('Images/box-mid-right.gif'); background-repeat: repeat-y; float: left; width: 20px; height: 410px; position: relative; }

.box-news-buttom-detail { width: 290px; }

.box-left-buttom-detail { background-image: url('Images/box-buttom-left.gif'); background-repeat: no-repeat; width: 18px; height: 17px; float: left; position: relative; }

.box-mid-buttom-detail { background-image: url('Images/box-buttom-mid.gif'); background-repeat: repeat-x; width: 240px; height: 17px; float: left; position: relative; }

.box-right-buttom-detail { background-image: url('Images/box-buttom-right.gif'); background-repeat: no-repeat; width: 20px; height: 17px; float: left; position: relative; }

/*----- Box login ------*/
.box-login { padding: 145px 0 145px 0; text-align: center; height: 176px; }

.login_hear { background-position: center center; height: 32px; background-image: url('Images/box-hear.gif'); background-repeat: no-repeat; }

.login_center { float: left; padding: 0px 0px 0px 272px; }

.box-left { background-image: url('Images/box-left.gif'); background-repeat: no-repeat; background-position: left center; height: 136px; width: 5px; float: left; }

.box-content { float: left; width: 386px; height: 136px; text-align: center; }

.box-right { background-image: url('Images/box-right.gif'); background-repeat: no-repeat; background-position: right center; height: 136px; width: 5px; float: left; }

.login-button { background-image: url('Images/box-button.gif'); background-repeat: no-repeat; background-position: center bottom; height: 8px; margin-top: 136px; }

.ul-login { list-style: none; margin: 0px; padding: 0px; width: 396px; height: 75px; float: left; }

.desc { float: left; color: #8a8a8a; padding-right: 10px; }

.req { color: Red; }

.k-alt { padding: 5px; }

/*----- Member Detail-----*/
.mb-main { padding: 0px; }

.mb-main-ev { padding: 20px; }

.mb-hear { background-image: url('Images/member_01.gif'); background-repeat: no-repeat; background-position: center center; width: 939px; height: 102px; }

.conten { padding: 0px 20px 20px 20px; }

.mb-left { width: 220px; float: left; }

.mb-right { width: 655px; float: left; }

.mb-ul { list-style: none; margin: 0px; padding: 0px; width: 205px; float: left; }

    .mb-ul li { background: transparent url('Images/Member/04_1.gif') no-repeat scroll 6px center; text-align: justify; padding: 0 0 0 20px; line-height: 25px; }

.mb-box { float: left; overflow: hidden; padding-bottom: 15px; }

.mb-box-top { width: 220px; }

.mb-box-top-left { background-position: left center; background-image: url('Images/Member/001_01.gif'); background-repeat: no-repeat; float: left; height: 13px; width: 11px; float: left; }

.mb-box-top-mid { background-image: url('Images/Member/001_02.gif'); background-repeat: repeat-x; background-position: left center; height: 13px; width: 192px; float: left; }

.mb-box-top-right { background-image: url('Images/Member/001_03.gif'); background-repeat: no-repeat; background-position: right center; height: 13px; width: 14px; float: left; }

.mb-box-content { width: 220px; position: relative; height: 160px; overflow: hidden; }

.mb-box-mid-left { background-image: url('Images/Member/001_05.gif'); background-repeat: repeat-y; background-position: left center; height: 160px; width: 11px; float: left; }

.mb-box-mid-mid { width: 192px; height: 160px; position: relative; float: left; }

.mb-box-mid-right { background-image: url('Images/Member/001_04.gif'); background-repeat: repeat-y; background-position: right center; height: 160px; width: 14px; float: left; }

.mb-box-buttom { width: 220px; }

.mb-box-buttom-left { background-image: url('Images/Member/001_06.gif'); background-repeat: no-repeat; background-position: left bottom; height: 12px; width: 11px; float: left; }

.mb-box-buttom-mid { background-image: url('Images/Member/001_07.gif'); background-repeat: repeat-x; background-position: left bottom; height: 12px; width: 192px; float: left; }

.mb-box-buttom-right { background-position: left bottom; float: left; background-image: url('Images/Member/001_08.gif'); background-repeat: no-repeat; height: 12px; width: 14px; }

.mb-box-tl-mid-left { background-image: url('Images/Member/002_left.gif'); background-repeat: repeat-y; width: 11px; height: 180px; }

.mb-box-tl-mid { background-image: url('Images/Member/diemtichluy.gif'); background-repeat: no-repeat; background-position: center; width: 215px; height: 172px; }

.box-tl { list-style: none; margin: 0px; padding: 0px; width: 205px; float: left; }

    .box-tl li { text-align: justify; padding: 0 0 0 20px; line-height: 40px; }

        .box-tl li a { text-decoration: none; }

.pointop { padding-top: 107px; text-align: center; width: 215px; }

.poin { padding-top: 5px; text-align: left; width: 215px; }

.info-per { padding-top: 10px; text-align: center; width: 195px; }

.image-per { text-align: center; }

.name-per { text-align: center; padding-top: 5px; }

.mb-info-box-right { border: thin none black; float: left; padding: 4px 0px 0px 20px; width: 660px; }

/*-----------*/
.mb-box-top-left1 { background-position: left center; background-image: url('Images/mb-top-lef.gif'); background-repeat: no-repeat; float: left; height: 39px; width: 16px; float: left; }

.mb-box-top-mid1 { background-image: url('Images/mb-top-mid.gif'); background-repeat: repeat-x; background-position: left center; height: 39px; width: 184px; float: left; }

.mb-box-top-right1 { background-image: url('Images/mb-top-rig.gif'); background-repeat: no-repeat; background-position: right center; height: 39px; width: 16px; float: left; }

.mb-box-content1 { width: 220px; position: relative; height: 100px; overflow: hidden; }

.mb-box-mid-left1 { background-image: url('Images/mb-lef.gif'); background-repeat: repeat-y; background-position: left center; height: 100px; width: 8px; float: left; }

.mb-box-mid-mid1 { width: 200px; height: 100px; position: relative; float: left; }

.mb-box-mid-right1 { background-image: url('Images/mb-rig.gif'); background-repeat: repeat-y; background-position: right center; height: 100px; width: 8px; float: left; }

.mb-box-buttom1 { width: 220px; }

.mb-box-buttom-left1 { background-image: url('Images/mb-but-lef.gif'); background-repeat: no-repeat; background-position: left bottom; height: 8px; width: 16px; float: left; }

.mb-box-buttom-mid1 { background-image: url('Images/mb-but-mid.gif'); background-repeat: repeat-x; background-position: left bottom; height: 8px; width: 184px; float: left; }

.mb-box-buttom-right1 { background-position: left bottom; float: left; background-image: url('Images/mb-but-rig.gif'); background-repeat: no-repeat; height: 8px; width: 16px; }

/*--------------*/
.mb-rig-top { position: relative; float: left; width: 600px; height: 37px; line-height: 43px; text-indent: 10px; }
/* .mb-rig-mid { position: relative; float: left; width: 600px; border: thin solid #d4d4d4; } */
.mb-rig-mid { position: relative; float: left; width: 600px; }

.mb-rig-but { position: relative; float: left; width: 600px; height: 50px; text-align: center; }

    .mb-rig-but img { padding: 5px 5px 0 0px; }

.personal { width: 600px; }

    .personal tr { height: 35px; }

.mb-rig-but a { overflow: hidden; }

.mb-validate { position: relative; float: left; width: 600px; border: thin solid #d4d4d4; padding: 30px 0px 0px 0px; }

    .mb-validate ul { list-style: none outside none; overflow: hidden; text-align: center; }

    .mb-validate h4 { text-indent: 15px; }

.mb-table { padding: 20px 0px 0px 20px; }

    .mb-table tr { height: 35px; }

/*------- Right -------*/
.personal-1 { width: 600px; padding-left: 50px; }

    .personal-1 tr { height: 37px; }

.mb-box-tr { width: 660px; }

.mb-box-trl { background-image: url('Images/Member/003_01.gif'); background-repeat: no-repeat; width: 12px; height: 18px; float: left; }

.mb-box-trm { background-image: url('Images/Member/003_02.gif'); background-repeat: repeat-x; width: 635px; height: 18px; float: left; }

.mb-box-trr { background-image: url('Images/Member/003_03.gif'); background-repeat: no-repeat; width: 13px; height: 18px; float: left; }

.mb-box-mid-rcl { background-image: url('Images/Member/003_04.gif'); background-repeat: repeat-y; width: 12px; height: 335px; float: left; }

.mb-box-mid-rcm { width: 635px; height: 335px; float: left; }

.mb-box-mid-rcr { background-image: url('Images/Member/003_05.gif'); background-repeat: repeat-y; width: 13px; height: 335px; float: left; }

.mb-box-rbl { background-image: url('Images/Member/003_06.gif'); background-repeat: no-repeat; width: 12px; height: 17px; float: left; }

.mb-box-rbm { background-image: url('Images/Member/003_07.gif'); background-repeat: repeat-x; width: 635px; height: 17px; float: left; }

.mb-box-rbr { background-image: url('Images/Member/003_08.gif'); background-repeat: no-repeat; width: 13px; height: 17px; float: left; }

/*Default Template*/
.paging-default { margin: 0 auto; width: 650px; height: 20px; float: right; }

    .paging-default .paging_bg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DCE2EC; color: #034A8F; height: 19px; margin-left: 3px; white-space: nowrap; float: left; }

.current { background: none repeat scroll 0 0 #0A59A1; border: 1px solid #023B6E; color: #FFFFFF; cursor: pointer; height: 19px; margin-left: 3px; }

.paging-default a { color: #3B5998; display: block; font-size: 11px; line-height: 19px; padding: 0 9px; text-decoration: none; }

.current a { color: #FFFFFF; }

.paging1 { margin: 10px 0 10px 0; float: right; }

    .paging1 .paging_bg1 { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DCE2EC; color: #034A8F; height: 19px; margin-left: 3px; white-space: nowrap; float: left; }

    .paging1 .current1 { background: none repeat scroll 0 0 #0A59A1; border: 1px solid #023B6E; color: #FFFFFF; cursor: pointer; height: 19px; margin-left: 3px; }

    .paging1 a { color: #3B5998; display: block; font-size: 11px; line-height: 19px; padding: 0 9px; text-decoration: none; }

    .paging1 .current1 a { color: #fff; }

/**********************************/

.support { position: absolute; bottom: -25px; left: 0px; background: #1d1d1d; padding: 0px; z-index: 1000; }

.support-head { height: 25px; padding: 0px; }

    .support-head a { color: #fff; display: block; cursor: pointer; text-decoration: none; width: 191px; height: 25px; }

        .support-head a.supporthide { background: url(images/supporthide.gif) no-repeat; }

        .support-head a.supportshow { background: url(images/supportshow.gif) no-repeat; }

        .support-head a.supporthideen { background: url(images/supporthide_en.gif) no-repeat; }

        .support-head a.supportshowen { background: url(images/supportshow_en.gif) no-repeat; }

.support-br { width: 191px; height: 217px; background: #ffffff; }

.support-body { padding: 5px; }

/*---------------Events----------------------*/
.list-miss ul { list-style: none; margin: 0px; padding: 0px; }

.list-miss li { margin: 0px; padding: 0px; display: block; width: 348px; float: left; height: 300px; }

    .list-miss li a { margin: 0px; }

.memberList { float: left; padding-left: 45px; text-align: left; width: 300px; }
/*.memberList { text-align: center; }*/
/*.misslist { text-align: left; color: #FF2807; padding: 5px 36px; }*/
.misslist { color: #FF2807; float: left; padding: 5px 30px 5px 45px; text-align: left; width: 270px; }

    .misslist img { width: 244px; height: 134px; }

.button-miss img { width: 90px; height: 30px; padding-top: 20px; }

.miss-line { border-bottom: 2px solid #b9b9b9; margin-left: 45px; margin-right: 50px; padding-top: 200px; font-weight: bold; }
/*== pading ==*/
/*kWeb 4.0*/
.kGrid { border: 1px solid #4F93E3; }

.kPaging { padding: 3px; }

.kButton { padding: 3px; }

    .kButton a { text-decoration: none; padding: 5px; }

        .kButton a:hover { text-decoration: underline; }

.kTable { border-collapse: separate; width: 100%; margin: 0px; padding: 0px; }

    .kTable td { border-color: #BFD3EE; border-style: none solid solid none; border-width: 0 1px 1px 0; }

        .kTable td a { color: #0000ff; text-decoration: underline; }

        .kTable td.but { text-align: center; width: 20px; }

        .kTable td a.cboxElement { color: #000; text-decoration: underline; }

.kTableHeader { }

    .kTableHeader td { padding: 5px; background: #2647A0; color: #fff; }

        .kTableHeader td a { color: #fff; }

.kTableRow { border-collapse: separate; }

.kTableRowR { background: #ff897b; }

.kTableRow td { padding: 3px; }

.kTableAltRow td { padding: 3px; background: #EDF5FF; }

/*------------------------------*/
.k-panel-mc-new { width: 100%; }

.k-panel-body { overflow: hidden !important; background: #ffffff; }

    .k-panel-body h2 { text-align: center; font-size: 13pt; padding: 0 0 5px 0; }

table.k-table { width: 100%; border: 1px solid #99bbe8; border-collapse: inherit; }

    table.k-table tr { }

        table.k-table tr.hover { background-color: #eff0f3; }

        table.k-table tr.selected { background-color: #d9e8fb; }

        table.k-table tr:hover { background: #d9e8fb; border: 1px solid #aaccf6; }

    table.k-table td { border: 1px solid #99bbe8; }

        table.k-table td.left { text-align: left; padding-left: 5px; }

        table.k-table td.name { text-align: left; vertical-align: top; padding-left: 5px; }

        table.k-table td .createdtime { font-weight: normal; color: #999; }

    table.k-table .Paging td { width: 20px; font-weight: normal; }

    table.k-table .Paging span { font-weight: bold; width: 20px; }

    table.k-table .k-table-head th { background: #d9e7f8; padding-left: 3px; color: #000000; border: 1px solid #99bbe8; text-align: center; }

    table.k-table .k-table-head a { text-decoration: none; color: #15428B; }

    table.k-table .k-table-view { font-weight: bold; width: 100px; color: #15428B; padding: 5px; text-align: left; background: #d9e7f8; }

    table.k-table .red { color: #ff0000; }

    table.k-table .k-table-viewdetail { text-align: left; padding: 5px; }

    table.k-table .k-table-head th { background: #d9e7f8; padding-left: 3px; color: #000000; border: 1px solid #99bbe8; text-align: center; }

/*--- Event SpecialDeal Giá tốt mỗi ngày 14/02---*/
.speciaDealRegister { }

.box-top-left { background-image: url('Images/Events/box-top-left.gif'); background-repeat: no-repeat; height: 39px; width: 41px; float: left; }

.box-top-md { background-image: url('Images/Events/box-top-md.gif'); background-repeat: repeat-x; height: 39px; width: 855px; float: left; }

.box-top-right { background-image: url('Images/Events/box-top-right.gif'); background-repeat: no-repeat; height: 39px; width: 40px; float: left; }

.box-mid-l { background-image: url('Images/Events/box-mid-left.gif'); background-repeat: repeat-y; float: left; width: 41px; height: 475px; }

.box-mid-c { background-color: #FFFFFF; width: 855px; float: left; height: 475px; text-align: center; }

.box-mid-r { background-image: url('Images/Events/box-mid-right.gif'); background-repeat: repeat-y; float: left; width: 40px; height: 475px; }

.box-but-left { background-image: url('Images/Events/box-but-left.gif'); background-repeat: no-repeat; width: 41px; height: 40px; float: left; }

.box-but-md { background-image: url('Images/Events/box-but-mid.gif'); background-repeat: repeat-x; width: 855px; height: 40px; float: left; }

.box-but-right { background-image: url('Images/Events/box-but-right.gif'); background-repeat: no-repeat; width: 40px; height: 40px; float: left; }

.cont { }

.ul-special { list-style: none; margin: 0px; padding-left: 160px; padding-top: 40px; width: 500px; height: 75px; float: left; }

.lable { float: left; color: #000000; padding-right: 10px; font-weight: bold; }

.event-form { border: thin solid #d4d4d4; }

.event-titel { text-align: center; color: red; font-size: 28px; font-weight: bold; height: 50px; line-height: 50px; text-indent: 20px; }


/*----Events weddingRings---*/
.weddingRings { background-image: url('Images/Events/WeddingRings2.gif'); background-repeat: no-repeat; width: 940px; height: 600px; color: #FFFFFF; }

.weddLeft { width: 470px; height: 601px; float: left; }

.weddRight { width: 470px; height: 601px; float: left; }

.wedInput { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 185px; margin-top: 184px; outline: medium none; width: 200px; }

.wedDate { border: medium none olive; color: #ED1B24; float: left; margin-top: 16px; outline: medium none; padding-left: 140px; width: 300px; }

.wedEmail { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 100px; margin-top: 14px; outline: medium none; width: 270px; }

.wedPhone { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 20px; outline: medium none; width: 250px; }

.wedButton { float: left; }

.wedAddress { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 15px; outline: medium none; width: 250px; }

.wedNoID { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 16px; outline: medium none; width: 250px; }

.wedNoiCap { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 17px; outline: medium none; width: 250px; }

.inputEvents { border-style: none none dotted none; border-color: #ED1B24 #ED1B24 #FFFFFF #ED1B24; width: 200px; margin-left: 70px; border-bottom-width: thin; background-color: #ED1B24; color: #FFFFFF; }


/*------ Giá tốt mỗi ngày 08/03 ------*/

.specialDealRegister { background-image: url('Images/Events/0308.gif'); background-repeat: no-repeat; width: 940px; height: 700px; color: #116E37; }

.specialLeft { width: 355px; height: 601px; float: left; }

.specialRight { width: 470px; height: 601px; float: left; }

.specialInput { background: none; border: medium none olive; color: white; float: left; margin-left: 185px; margin-top: 184px; outline: medium none; width: 200px; }

.specialDate { border: medium none olive; color: #ED1B24; float: left; margin-top: 16px; outline: medium none; padding-left: 140px; width: 300px; }

.specialEmail { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 100px; margin-top: 14px; outline: medium none; width: 270px; }

.specialPhone { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 20px; outline: medium none; width: 250px; }

.specialButton { float: left; text-align: center; background: none repeat scroll 0 0 #CCCCFF; }

.specialAddress { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 15px; outline: medium none; width: 250px; }

.specialNoID { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 16px; outline: medium none; width: 250px; }

.specialNoiCap { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 17px; outline: medium none; width: 250px; }

.specialEvents { border-style: none none dotted none; border-color: #ED1B24 #ED1B24 #116e37 #ED1B24; background: none; width: 320px; margin-left: 15px; border-bottom-width: thin; color: #116e37; }

/*------ Dancing With The Stars ------*/
.dancingWithTheStars { color: white; font-size: 11pt; background-image: url('Images/Events/6ly-7ly.jpg'); background-repeat: no-repeat; padding-top: 150px; }

.dancingEvents { border-style: none none dotted none; border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; background: none; width: 655px; margin-left: 15px; border-bottom-width: thin; color: #FFFFFF; }

.dancingPhone { border-style: none none dotted none; border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; background: none; width: 293px; margin-left: 15px; border-bottom-width: thin; color: #FFFFFF; }

.inpNumber { border-style: none none dotted none; border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; background: none; width: 620px; border-bottom-width: thin; color: #FFFFFF; }

.dancingButton { float: right; }

/*----Events khoi dong mua cuoi---*/
.weddingRings1 { background-image: url('Images/Events/bg_kdmc.jpg'); background-repeat: no-repeat; width: 940px; height: 600px; color: #F56ABD; }

.weddLeft { width: 470px; height: 601px; float: left; }

.weddRight { width: 470px; height: 601px; float: left; }

.wedInput { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 185px; margin-top: 184px; outline: medium none; width: 200px; }

.wedDate { border: medium none olive; color: #ED1B24; float: left; margin-top: 16px; outline: medium none; padding-left: 140px; width: 300px; }

.wedEmail { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 100px; margin-top: 14px; outline: medium none; width: 270px; }

.wedPhone { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 20px; outline: medium none; width: 250px; }

.wedButton { float: left; }

.wedAddress { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 15px; outline: medium none; width: 250px; }

.wedNoID { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 16px; outline: medium none; width: 250px; }

.wedNoiCap { background-color: #ED1B24; border: medium none olive; color: white; float: left; margin-left: 135px; margin-top: 17px; outline: medium none; width: 250px; }

.inputEvents1 { border-style: none none dotted none; border-color: #F56ABD; width: 200px; margin-left: 25px; border-bottom-width: thin; color: #F56ABD; }

.fleft { float: left; }

.rating { width: 80px; height: 16px; margin: 0 0 0px 0; padding: 0; list-style: none; clear: both; position: relative; background: url(images/star-matrix.gif) no-repeat 0 0; }

.nostar { background-position: 0 0; }

.onestar { background-position: 0 -16px; }

.twostar { background-position: 0 -32px; }

.threestar { background-position: 0 -48px; }

.fourstar { background-position: 0 -64px; }

.fivestar { background-position: 0 -80px; }

ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float: left; /* end hide*/ text-indent: -999em; }

    ul.rating li a { position: absolute; left: 0; top: 0; width: 16px; height: 16px; text-decoration: none; z-index: 200; }

    ul.rating li.one a { left: 0; }

    ul.rating li.two a { left: 16px; }

    ul.rating li.three a { left: 32px; }

    ul.rating li.four a { left: 48px; }

    ul.rating li.five a { left: 64px; }

    ul.rating li a:hover { z-index: 2; width: 80px; height: 16px; overflow: hidden; left: 0; background: url(images/star-matrix.gif) no-repeat 0 0; }

    ul.rating li.one a:hover { background-position: 0 -96px; }

    ul.rating li.two a:hover { background-position: 0 -112px; }

    ul.rating li.three a:hover { background-position: 0 -128px; }

    ul.rating li.four a:hover { background-position: 0 -144px; }

    ul.rating li.five a:hover { background-position: 0 -160px; }

.branname { color: #000; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; }

.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }

.autocomplete-selected { background: #F0F0F0; }

.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

.hethong { background: #000; }

.hethong-left { float: left; width: 300px; margin-left: -100%; }

.hethong-right { float: left; width: 100%; }

.hethong-content { margin-left: 310px; }

.hethong-left ul { list-style: none; margin: 0px; padding: 0px; }

    .hethong-left ul li { margin: 0px; padding: 0px 0 6px; }

        .hethong-left ul li a { color: #CC9933; text-transform: uppercase; font-weight: bold; display: block; padding-bottom: 5px; }

        .hethong-left ul li li { margin: 0px; padding-left: 10px; }

            .hethong-left ul li li a { color: #C0C0C0; text-transform: none; font-weight: normal; }
